<div ng-controller="loginCtrl">
    <!-- <div class="overflow-hidden">
        <div class="container">
            <div class="row">
                <div class="col-md-5">
                    <div class="login-register-left login-register-container">
                        <div class="login-register-inner">
                            <h3 class="margin-b-20 text-uppercase">Login</h3>
                            <form>
                                <div class="form-group">
                                    <input type="email" class="form-control" placeholder="Username*"> 
                                </div>
                                <div class="form-group">
                                    <input type="password" class="form-control" placeholder="Password*"> 
                                </div>
                                <div class="clearfix">
                                    <div class="pull-right text-right">
                                        <input ui-sref="app.orderCash" type="submit" class="btn btn-primary btn-lg" value="Login">                                        
                                        <div>
                                            <a href="#">Forget Password?</a>
                                        </div>
                                    </div>
                                    <div class="pull-left">
                                        
                                        <div>
                                            <input type="checkbox" name="remember" id="remember">
                                            <label for="remember">Remember me next time</label>
                                        </div>
                                    </div>                                                                    
                                </div>
                            </form>
                        </div> 
                    </div>
                </div>
                <div class="col-md-5 col-md-offset-1">
                    <div class="space-80"></div>
                    <div class="login-register-container">
                        <h3 class="margin-b-20 text-uppercase">Register</h3>
                        <form>
                            <div class="form-group">
                                <input type="email" class="form-control" placeholder="Email*"> 
                            </div>
                            <div class="form-group">
                                <input type="text" class="form-control" placeholder="Username*"> 
                            </div>
                            <div class="form-group">
                                <input type="password" class="form-control" placeholder="Password*"> 
                            </div>
                            <div class="form-group">
                                <input type="password" class="form-control" placeholder="Confirm Password*"> 
                            </div>
                            <div class="clearfix">
                                <div class="pull-right text-right">
                                    <input type="submit" class="btn btn-dark btn-lg" value="Sign Up">                                        
                                </div>
                                <div class="pull-left">
                                    
                                    <div>
                                        <input type="checkbox" name="agree" id="agree">
                                        <label for="agree">Agree with terms & conditions</label>
                                    </div>
                                </div>                                                                    
                            </div>
                        </form>
                    </div>
                    <div class="space-80"></div>
                </div>
            </div>
        </div>
    </div> -->
    <div class="space-80"></div>
    <div class="col-sm-6 col-sm-offset-3">
        <form role="form" name="loginForm" method="post" class="reservation-form form-horizontal" id="reservation-form" ng-submit="submitForm(loginForm.$valid)" novalidate>
            <div class="row">
                <div class="login-register-inner">
                    <h3 class="margin-b-20 text-uppercase">登录</h3>
                    <form>
                        <!-- <div class="form-group"> -->
                        <!-- 用户名 -->
                        <p class="error colorRed" ng-if="loginForm.name.$error.required && loginForm.name.$touched">请输入用户名</p>
                        <div class="input-group">
                            <div class="input-group-addon">
                                <span class="glyphicon glyphicon-user"></span>
                            </div>
                            <input type="text" class="form-control" placeholder="用户名" id="name" name="name" required ng-model='user.name' required> 
                            <span class="glyphicon glyphicon-ok form-control-feedback colorGreen" ng-show="loginForm.name.$dirty && loginForm.name.$valid"></span>
                        </div>
                        <!-- 密码 -->
                        <p class="error colorRed" ng-if="loginForm.password.$error.required && loginForm.password.$touched">请输入密码</p>
                        <p class="colorRed">
                            <span ng-show="loginForm.password.$invalid">
                                <span ng-show="loginForm.password.$error.minlength">密码长度不小于6</span>
                                <span ng-show="loginForm.password.$error.maxlength">密码长度不超过20</span>
                            </span>
                        </p>
                        <div class="input-group">
                            <div class="input-group-addon">
                                <span class="glyphicon glyphicon-lock"></span>
                            </div>
                            <input type="password" class="form-control" placeholder="密码" id="password" name="password" ng-minlength="6" ng-maxlength="20" ng-model='user.password' required>
                            <span class="glyphicon glyphicon-ok form-control-feedback colorGreen" ng-show="loginForm.password.$dirty && loginForm.password.$valid"></span>
                        </div>
                        <!-- 登录按钮 -->
                        <div class="clearfix">
                            <div class="pull-right text-right">
                                <input ui-sref="app.orderCash" type="login" class="btn btn-primary btn-lg" value="登录">                                        
                                <div>
                                    <a href="#">忘记密码?</a>
                                </div>
                            </div>
                            <div class="pull-left">
                                <div>
                                    <input type="checkbox" name="remember" id="remember">
                                    <label for="remember">记住我</label>
                                </div>
                            </div>                                                                    
                        </div>
                        <div class="pull-right text-right">
                            <a ui-sref="register">注册新用户</a>
                            <!-- <label ui-sref="register">注册新用户</label>                                       -->
                        </div>
                    </form>
                </div> 
            </div>
        </form>   
    </div>
    
</div>    


    
          